<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title></title>
  <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  <style>
	*{padding:0;margin:0}
	a{text-decoration:none;color:#fff}
	ul,li{list-style:none}
	body{background:#333;font-size:12px;font-family:"微软雅黑"}

	.box{width:600px;margin:100px auto 0;background:#fff;overflow:hidden;}
	.box2{width:600px;margin:10px auto;background:green;height:200px;}
	.c{width:100px;height:100px;background:red;margin:2px;float:left}
  </style>
 </head>
 <body>
	
	<div class="box">
		<div class="c"></div>
		<div class="c"></div>
		<div class="c"></div>
		<div class="c"></div>
		<div style="clear:both;"></div>
		
	</div>
	<div style="clear:both;"></div>
	<div class="box2" style="margin-top:10px;">
		
	</div>

 </body>
</html>
